
.order-card{
  $padding: 20px;
  $red: #F64031;
  background: #fff;
  border-radius: 20px;
  .goods-name, .sale-price{color: #333;}
  .goods-sub-title, .origin-price, .goods-number{color: #999}
  /* 卡片头部 */
  .card-head{
    height: 72px;
    padding: 0 $padding;
  }
  .head-right{
    color: $red;
  }

  /* 卡片底部 */
  .card-foot{
    padding: $padding;
    .foot-left{
      .pay-amount{
        color: $red;
      }
    }
    .order-btn{
      color: $theme_text_color;
      width: fit-content;
      height: 50px;
      display: flex;
      padding: 0 24px;
      font-size: 24px;
      background: $theme_color;
      align-items: center;
      margin-right: 20px;
      border-radius: 60px;
      justify-content: center;
      &:last-child{
        margin-right: 0;
      }
    }

    //  待支付
    .unpaid-btn{
      color: #fff;
      background: $sale_price_color;
    }
    //  查看详情
    .detail-btn{
      color: #333;
      background: transparent;
      &:after{
        border-color: #333;
        border-radius: 60px;
      }
    }
    //  待评价
    .comment-btn{
      color: #fff;
      background: $sale_price_color;
    }
  }
}
